<%@page import="com.mmy.domain.sys.TSysUser"%>
<%@page import="com.mmy.domain.constzone.TConstZone"%>
<%@page import="com.mmy.domain.line.TLineBase"%>
<%@page import="com.mmy.domain.line.TLineTrip"%>
<%@page import="com.mmy.domain.line.VLineBase"%>
<%@page import="com.mmy.domain.sys.TSysOrg"%>
<%@page import="com.mmy.domain.line.TLinePlace"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>  
<%TSysUser tSysUser = (TSysUser)session.getAttribute("tSysUser");%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/WEB-INF/jsp/include1.jsp"></jsp:include>
<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.css"/>
<style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      .p-info{
      	margin-left:15px;
      }
      .col{
      	margin-right:0;
      }
      .col image{
      	padding-left:0;
      }
      .space-info-5{
      	padding-left:70px;
      }
      .space-info-4{
      	padding-left:100px;
      }
      .space-info-2{
      	padding-left:143px;
      }
      *{
      	line-height:1.5;
      }
      .each-title{
      	color:#FBB03B;
      	font-weight:800;
      }
</style>
</head>
<body>
<div id="off-canvas-container" class="off-canvas-container">
<jsp:include page="/WEB-INF/jsp/FrontHeader.jsp"></jsp:include>
<div id="index-back">
<!-- ——--------------------------------------------------------------------------------------------------------- -->
 <header class="frontbg-light at-padding-large-top at-padding-large-bottom at-margin-large-bottom">
	<div class="page-header container">
		<h2 class="h2color" >近郊游</h2>	
	</div>
</header>
<!-- *********************************************************************************************************** --> 
<main role="main" class="container">
  <div class="my-3 p-3 bg-white rounded shadow-sm">
    <h5 class="border-bottom border-gray pb-2 mb-0">线路信息</h5>
    <div class="text-muted pt-3">
       <div class="row"><div class="col"><b>线路名称</b><span class="space-info-4">${vLineBase.getLineName()}</span></div></div>
	   <div class="row"><div class="col"><b>所属区域</b><span class="space-info-4">${location}</span></div>
	   		<div class="col"><b>所属旅行社</b><span class="space-info-5">${vLineBase.getOrgName()}</span></div>
	   </div>
		<div class="row">
		   <div class="col">
			    <b>集合地点与时间</b>
			    <div class="row">
			    	<c:forEach var="place" items="${place}">
				    <div class="col-6 col-sm-3">${place.place }</div>
				    <div class="col-6 col-sm-3">${place.time }</div>
				    <!-- Force next columns to break to new line -->
				    <div class="w-100"></div>
				    </c:forEach>
				</div>
  			</div>
		</div>
		
		
		<div class="row"><div class="col"><b>接待标准</b></div></div>
		<div class="row"><div class="col">${vLineBase.getStandard()}</div></div>
		
		<div class="row"><div class="col"><b>接待说明</b></div></div>
		<div class="row"><div class="col">${vLineBase.getExplain()}</div></div>
		
		<div class="row"><div class="col"><b>自费项目</b></div></div>
		<div class="row"><div class="col">${vLineBase.getOwn()}</div></div>
		
		<div class="row"><div class="col"><b>温馨提示</b></div></div>
		<div class="row"><div class="col">${vLineBase.getOwn()}</div></div>
		
		<div class="row"><div class="col"><b>备注</b></div></div>
		<div class="row"><div class="col">${vLineBase.getMemo()}</div></div>

    </div>
  </div>
<!-- ######################################################################## -->
   <div class="my-3 p-3 bg-white rounded shadow-sm">
    <h5 class="border-bottom border-gray pb-2 mb-0">计划信息</h5>
    <c:forEach var="vLinePlan" items="${lstSurroudingPlan}">
    <div class="text-muted pt-3">
    <span class="each-title">${vLinePlan.getStandard()}</span>
		<div class="row">
		    <div class="col">
		      <b>开始日期</b><span class="space-info-4"><fmt:formatDate value='${vLinePlan.getStartDate()}' pattern='yyyy-MM-dd'/></span>
		    </div>
		    <div class="col">
		      <b>结束日期</b><span class="space-info-4"><fmt:formatDate value='${vLinePlan.getEndDate()}' pattern='yyyy-MM-dd'/></span>
		    </div>
		</div>
		<div class="row"><div class="col"><b>报价</b><span class="space-info-2">${vLinePlan.getPrice()}</span></div>
		    <div class="col"><b>数量</b><span class="space-info-2">${vLinePlan.getNumber()}</span></div>
		</div>
		<div class="row"><div class="col"><b>备注</b></div></div>
		<div class="row"><div class="col">${vLineBase.getMemo()}</div></div>
    </div>
    </c:forEach>
    
    
  </div>
<!-- ======================================================================================== -->    
  <div class="my-3 p-3 bg-white rounded shadow-sm">
    <h5 class="border-bottom border-gray pb-2 mb-0">行程信息</h5>
    <c:forEach items="${lstLineTrip}" var="lstLineTrip" varStatus="status">		
    <div class="text-muted pt-3"><!-- 循环这个div  -->
    	<span class="each-title">第${lstLineTrip.getDay() }天</span>
		<div class="row">
		    <div class="col">
		      <b>地点</b><span class="space-info-2">${lstLineTrip.getAddress()}</span>
		    </div>
		    <div class="col">
		      <b>住宿</b><span class="space-info-2">${lstLineTrip.getAddress()}</span>
		    </div>
		</div>
		<div class="row">
		   <div class="col">
		      <b>具体行程</b><span class="space-info-4">${lstLineTrip.getTrip()}</span>
  			</div>
  			<div class="col">
		      <b>含餐</b><span class="space-info-2">${lstLineTrip.getMeal()}</span>
		    </div>
		</div>
		<div class="row">
			<div class="col">
		      	<b>酒店照片</b>
		    </div>
		</div>
		<div class="row">
			<div class="col image">
		      	<img src="imges/rest.jpg" class="img-thumbnail" alt="...">
		    </div>
		    <div class="col image">
		      	<img src="imges/rest.jpg" class="img-thumbnail" alt="...">
		    </div>
		    <div class="col image">
		      	<img src="imges/rest.jpg" class="img-thumbnail" alt="...">
		    </div>
		    <div class="col image">
		      	<img src="imges/rest.jpg" class="img-thumbnail" alt="...">
		    </div>
		    <div class="col image">
		      	<img src="imges/rest.jpg" class="img-thumbnail" alt="...">
		    </div>
		</div>
		<div class="row"><div class="col"><b>备注</b></div></div>
		<div class="row"><div class="col">${lstLineTrip.getMemo()}</div></div>
    </div>
    </c:forEach>
   
  </div>  
<!-- ======================================================================================== --> 

</main>
</div>
	<jsp:include page="/WEB-INF/jsp/Footer.jsp"></jsp:include>
	<jsp:include page="/WEB-INF/jsp/include2.jsp"></jsp:include>
</div>
</body>
</html>